iT邦幫忙

1

【30 天JavaScript 實戰 】 Day 1|環境與框架介紹

  • 分享至 

  • xImage
  •  

歡迎來到「30天 JavaScript 實戰」的第一天!

這裡會記錄我的 JavaScript 學習筆記,
同時也希望能分享給跟我一樣剛入門的人~
如果你也想學程式,
跟著我一起每天一點點的學習,30 天後一定會看到不一樣的自己!


今天我們先不急著寫太多程式,目標很簡單:

  • 裝好開發環境(Node.js、VS Code)
  • 認識js三大框架(React、Vue.js、Angular)
  • 認識 MDN(官方文件查詢好朋友)

接下來就讓我們一步一步開始吧~


1.安裝開發環境

要寫 JS,我們需要幾個工具:

  • VS Code(編輯器):寫程式的編輯器,簡單好用。
  • Node.js(執行環境):JavaScript 本來只能在瀏覽器裡跑,有了 Node.js,我們就能直接在電腦的終端機執行 JS 程式。

安裝好之後,打開終端機(Mac 用 Terminal,Windows 用 CMD 或 PowerShell),輸入:

node -v

如果有跳出版本號,例如 v20.10.0,就代表安裝成功囉!


2.框架(Framework)是什麼?

學 JavaScript 時,我們常常會聽到「三大框架」這個詞,
雖然它們不是必須,但在現代前端開發裡非常常見,目前最常見的三大框架為:

  • React(由 Facebook 推出)
  • Vue.js(由Evan You開發,華人圈超熱門)
  • Anglar(由 Google 維護,大型專案常見)

那麽,框架是什麼呢?
框架的角色就像「快速蓋房子的工法」,幫助我們更快處理:

  • 元件化:把 UI 切成可重複的積木
  • 資料流:資料如何從 A 流到 B
  • 效能優化:減少不必要的更新

不過在這 30 天系列,我們只專心打好原生 JS 基礎,等基礎扎實後再挑框架學習!✨✨


3.查官方文件:MDN

學程式最重要的習慣,就是「遇到不會的先查 MDN」~
MDN(Mozilla Developer Network)是官方維護的文件庫,裡面有所有 JS 的語法解釋和範例。


今天就到這裡拉~
從明天開始,我們就會深入 JavaScript 的語法世界囉!


圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言